/*全局样式配置，这个是仿照小红书的，可以根据自己的需求重写*/

/*全局样式重置*/
* {
  box-sizing: border-box; /*使元素的宽度和高度包括内边距（padding）和边框（border），便于布局。*/
  /*允许用户选择文本内容。*/
  -webkit-user-select: auto;
  user-select: auto;
  scrollbar-width: none;/*隐藏滚动条*/
  -webkit-tap-highlight-color: transparent;/*去除移动端点击时的高亮效果。*/
}


/*统一表单控件字体与间距*/
button, input, optgroup, select, textarea {
  /*确保所有表单控件继承父级字体设置，并统一默认字号和行高，避免浏览器默认样式差异。*/
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/*清除列表默认样式*/
/*去除无序列表 <ul> 的默认外边距和内边距，并移除列表项 <li> 的项目符号。*/
ul {
  margin: 0;
  padding: 0;
}
li{
  list-style: none;
}

/*按钮与输入框样式重置*/
button, input {
  overflow: visible;/*防止某些浏览器限制按钮内容溢出。*/
}
button, input {
  /*移除原生按钮和输入框的默认样式。*/
  -webkit-appearance: none;
  appearance: none;
  /*进一步去除默认边框、背景和内边距，以便开发者自定义样式。*/
  outline: none;
  border: none;
  background: none;
  padding: 0;
}

